<%@page import="java.util.*, pe.edu.upc.matrix.modelo.MPublicacion, pe.edu.upc.matrix.util.UConsultaDatos"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
		<title>Sistema de compra y venta The Matrix</title>
		<link href="css/bootstrap-3.0.0.css" rel="stylesheet" media="screen">
	</head>
<body>
	<!--  Inicio menu -->
	<%@include file="menu.jsp"%>	
	<!--  Fin menu -->
	<div class="container" style="margin-top:-15px;">	
		<%
		Collection<MPublicacion> listaPublicacion = (ArrayList<MPublicacion>)request.getAttribute("publicaciones");
		if(listaPublicacion != null && listaPublicacion.size() > 0) { 
		%> 
		<br/>
		<div class="alert alert-success">
			<strong>Resultados de busqueda (<%=listaPublicacion.size() %> <%=listaPublicacion.size() == 1 ? "encontrado" : "encontrados" %>)</strong>
		</div>		
		<div class="row">
			<%
			for(MPublicacion mPublicacion : listaPublicacion) {
			%> 
			<div class="col-sm-6 col-md-3">
		    	<div class="thumbnail">
					<img src="ImagenesProductos/<%=mPublicacion.getArcImagen1()%>" alt="Celular"/>
					<div class="caption">
				        <h3><%=mPublicacion.getNoTitulo() %></h3>
				        <p><%=mPublicacion.getNoDescripcion() %></p>
						<p>
							<button class="btn btn-primary" data-toggle="modal" data-target="#myModal1">
		  						Ver detalles
							</button>
							<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
								<div class="modal-dialog">
									<div class="modal-content">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
								        	<h4 class="modal-title" id="myModalLabel">Detalles de la publicaci&oacute;n</h4>
										</div>
										<div class="modal-body">
											<div class="row">
			        							<div class="col-md-4">
			        								<img alt="Tablet" src="img/tablet.jpg"/>
			        							</div>
		       									<div class="col-md-8">
			        									<table witdh="100%">
			        										<tr>
			        											<td width="35%"><strong>Titulo:</strong></td>
			        											<td><%=mPublicacion.getNoTitulo()%></td>
			        										</tr>
			        										<tr>
			        											<td><strong>Descripci&oacute;n:</strong></td>
			        											<td><%=mPublicacion.getNoDescripcion() %></td>
			        										</tr>
			        										<tr>
			        											<td><strong>Estado:</strong></td>
			        											<td><%=UConsultaDatos.consultarDescParametroDetalle(mPublicacion.getIdEstadoStock()) %></td>
			        										</tr>				
			        										<tr>
			        											<td><strong>Precio:</strong></td>
			        											<td>S/. <%=mPublicacion.getQtyPrecio() %></td>
			        										</tr>  
			        										<tr>
			        											<td><strong>Disponible:</strong></td>
			        											<td><%=mPublicacion.getQtyStockPublicacion() %></td>
			        										</tr>
															<% 
															if(request.getSession().getAttribute("USUARIO_ACTUAL")!=null){
															%>
			        										<tr>
			        											<td><strong>Vendedor:</strong></td>
			        											<td><%=mPublicacion.getPersona().getNoPersona()+" "+mPublicacion.getPersona().getNoPaterno()+" "+mPublicacion.getPersona().getNoMaterno() %></td>
			        										</tr>
															<%
															}
															%>
															<tr>
																<% 
																if(request.getSession().getAttribute("USUARIO_ACTUAL")!=null){
																%>
																<td align="right">
																	<br/><br/>
																	<form name="frmMensaje" method="post" action="SGestionarMensaje?accion=ir">
																		<input type="hidden" name="idPublicacion" value="<%=mPublicacion.getIdPublicacion()%>">
																		<input type="submit" class="btn btn-primary" value="Consultar"/>
																	</form>
																</td>
																<%
																}
																%>
															</tr>
			        									</table>
												</div>	        							
											</div>
										</div>
										<div class="modal-footer">
											<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
											<% 
											if(request.getSession().getAttribute("USUARIO_ACTUAL")!=null){
											%>
											<form name="frmMensaje" method="post" action="SGestionarCompra?accion=ir">
												<input type="hidden" name="idPublicacion" value="<%=mPublicacion.getIdPublicacion()%>">
												<input type="submit" class="btn btn-primary" value="Comprar"/>
											</form>
											<%
											}
											%>
										</div>
									</div>
								</div>
							</div>						
						</p>
					</div>
				</div>
			</div>
			<%
			}
			%>
		</div>
		<%
		}else{
		%>
		<br/>
		<div class="alert alert-success">
			<strong>La busqueda no obtuvo resultados.</strong>
		</div>
		<%
		}
		%>
		<%@include file="informacion.jsp"%>
		<%@include file="pie.jsp"%>			      
	</div>
	<!-- Bootstrap core JavaScript
	================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->

	 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="js/jquery-1.10.2.js"></script>
	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="js/bootstrap-3.0.0.js"></script>
</body>
</html>